@import '../../assets/css/theme.less';
#wrapper {
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,0);
  display: flex;
  flex-direction: column;
  -webkit-app-region: drag;
  border:none!important;
  padding: 3px;
  font-family: 黑体, arial;
  .box{
    flex-grow: 1;
    box-shadow: 0 0 6px #999;
    background-color: @theme_color;
    background-image: @theme_img;
    background-size: cover;border-radius: 12px;
    display: flex;
    flex-direction: column;
    position: relative;
    .close{
      display: block;
      position: absolute;
      top:0;right:0;
      width:30px;height:25px;
      -webkit-app-region: no-drag;
      text-align: center;
      line-height: 25px;
      cursor: pointer;
      &:hover i{
        color:#ff3737;
      }
      i{
        font-size: 20px;color:#fff;
      }
    }
    .tit{
      text-align: center;
      font-size: 40px;
      color:#fff;
      margin:20px 0;
      flex-shrink: 0;
    }
    .contbox{
      height:0;
      flex-grow: 1;
      margin:0 30px 20px;
      border-radius: 15px;
      display: flex;
      flex-direction: column;
      align-items: center;
      .logo{
        background:@theme_color;
        width:74px;height:74px;border-radius:50%;
        text-align: center;
        line-height: 74px;
        position: relative;
        z-index: 999;
        box-shadow: 0 3px 6px rgb(172, 171, 171);
        i{
          color:@logo_color;
          font-size: 40px;
        }
      }
      .boxs{
        flex-grow: 1;
        background:#fff;
        width:100%;border-radius: 15px;
        margin-top: -37px;
        padding-top:37px;
        display: flex;
        flex-direction: column;
        align-items: center;
        .tips{
          text-align: center;font-size:22px;line-height: 40px;
        }
        .input{
          -webkit-app-region: no-drag;
          width:190px;height:26px;border-bottom: 1px solid #e9e9e9;
          position: relative;
          margin:15px 0;
          .show_logs{
            position: absolute;
            -webkit-app-region: no-drag;
            top:100%;left:0;
            width:100%;
            z-index: 99999;
            background:#fff;
            max-height: 126px;
            overflow: hidden;
            overflow-y: auto;
            box-shadow: 0 0 3px #666;
            .item{
              -webkit-app-region: no-drag;
              height:22px;font-size: 14px;line-height: 22px;cursor: pointer;
              &:hover{
                background:#d4d4d4;
              }
            }
          }
          input{
            background:none;border:none;line-height: 26px;height:26px;outline: none;
            width:100%;color:#959595;
            padding-right: 26px;
            &::placeholder{
              color:#bdbdbd;
            }
          }
          i{
            position: absolute;top:0;right:0;
            display: inline-block;width:26px;height:26px;
            text-align: center;
            line-height: 26px;color:#d9d9d9;font-size: 16px;
            cursor: pointer;
          }
        }
        .login_btn{
          -webkit-app-region: no-drag;
          width:190px;background:@theme_color;border-radius: 50px;line-height: 30px;
          color:#fff;text-align: center;margin-top: 20px;font-size: 14px;
          cursor: pointer;
          &:active{
            opacity: 0.8;
          }
        }
      }
    }
  }
}